<include file="public/header" title="个人中心" body="g4"/>
<link rel="stylesheet" type="text/css" href="__STATIC__/layui/css/layui.css"/>
<script src="__STATIC__/layui/layui.all.js" type="text/javascript" charset="utf-8"></script>
<style>
    .my .content .floor_order ul li {
        width: 25%;
    }

    .person .lors{

        padding-top: 1rem;
        color: #fff;
        width: 50%;
        font-size: .568rem;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
    }
    .person .lors .userinfo{
        padding-top: 0.44rem;
        padding-left: .7467rem;
        font-size: .597rem;
        color: #ccffff;
    }
    .person .lors .usermoney{
        margin-top: 0.981rem;
        font-size: .768rem;
        padding-left: 2.474rem;
        color: #fff;
    }
    .reporthearder {
        height:7.68rem;
        background-image: url('');
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        background-color: #5bd3e3;
    }
    .reporthearder .toptitle{
        height:1.6rem;
        background-size: cover;
        color: #ffffff;
        font-size: .85rem;
        text-align: center;
        line-height: 1.6rem;
        width: 100%;
        background-color: #5bd3e3;
    }
    .reporthearder .lefttitle p{
        margin-top: -1.1rem;
        font-size: .597rem;
        margin-left: 13.013rem;
        color: #ffffff;
    }

    .reporthearder .person {
        height:7.68rem;
        display: contents;
        top: 0%;
        bottom: 0%;
        width: 100%;
        margin-top: 0rem;
    }

    .fxperson{
        border-radius:15px;
        -moz-border-radius:25px; /* Old Firefox */
        z-index: 99999;
        width: 14.9rem;
        height: 3.2rem;
        margin-top: -1.6rem;
        margin-left:auto;
        margin-right: auto;
        background-color: #ffffff;

    }
    .fxperson .lors{
        color: #fff;
        width: 33.3%;
        font-size: .568rem;
        text-align: center;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        float: left;
        z-index: 99999;
    }
    .fxperson .lors .userinfo{
        z-index: 99999;
        padding-top: .896rem;
        padding-left: .64rem;
        font-size: .512rem;
        color: #b2b2b2;
    }
    .fxperson .lors .usermoney{
        text-align: center;
        z-index: 99999;
        margin-top: 0.42rem;
        padding-left: 0.853rem;
        font-size: .64rem;
        color: #000000;
    }
    .mz{
        height: 5.97rem;
        z-index: 99999;
        width: 14.9rem;
        margin-top: 0.87rem;
        font-size: 0.64rem;
        margin-left:auto;
        margin-right: auto;
    }
    .exit{
        height: 2.34rem;
        z-index: 99999;
        width: 14.9rem;
        margin-top: .47rem;
        font-size: 0.64rem;
        margin-left:auto;
        margin-right: auto;
    }
    .exitcontent{
        border-radius:15px;
        -moz-border-radius:25px; /* Old Firefox */
        z-index: 99999;
        height: 2rem;
        margin-top: 0.4267rem;
        background-color: #ffffff;
    }
    .exitcontent .lors1 {
        width: 100%;
        color: #000101;
        font-size: .568rem;
        margin-top: 0.853rem;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        z-index: 99999;
    }
    .exitcontent .userinfo {
        margin-left: 0.853rem;
    }

    .exitcontent img {
        float: right;
        padding-right: 0.64rem;
        height: 0.554rem;
    }
    .mzcontent{
        border-radius:15px;
        -moz-border-radius:25px; /* Old Firefox */
        z-index: 99999;
        height: 4.16rem;
        margin-top: 0.4267rem;
        background-color: #ffffff;
    }
    .mzcontent .lors1 {
        width: 100%;
         color: #000101;
         font-size: .568rem;
         margin-top: 0.853rem;
         line-height: 1;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
         z-index: 99999;
     }
    .mzcontent .userinfo{
        margin-left: 0.853rem;
    }
    .mzcontent .usermoney{
        color:#ff6666;
        float: right;
        padding-right: 0.64rem;
    }
    .mzcontent .lors2{
        color: #000000;
        font-size: .568rem;
        margin-top: 1.28rem;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        z-index: 99999;
        width: 100%;
    }
    .footer ul li {
        width: 33%;
    }
    .icon img{
        width: 1.06rem;
        height: 1.06rem;
    }
    /*//11.52*/

</style>
<div>
<div class="reporthearder">
    <div class="toptitle">
        <!--<a href="">-->
        <p class="tips">我的 </p>
        <!--</a>-->
    </div>
    <div class="lefttitle">
        <!--<a href="">-->
        <p class="tips" onclick="tixian()">申请提现 </p>
        <!--</a>-->
    </div>
    <div class="person">
        <!--<a href="">-->
        <div class="fl lors">
            <p class="userinfo">用户余额（元）</p>
            <p class="usermoney">{$user.user_money}</p>
        </div>
        <div class="fl lors">
            <p class="userinfo">用户总收益（元）</p>
            <p class="usermoney">{$user.total_amount}</p>
        </div>
        <!--</a>-->
    </div>
</div>
<div class="fxperson">
    <div class="fl lors">
        <p class="userinfo">合伙人数（人）</p>
        <p class="usermoney">{$user.friend_num}</p>
    </div>
    <div class="fl lors">
        <p class="userinfo">合伙人分红（元）</p>
        <p class="usermoney">{$user.friend_money}</p>
    </div>
    <div class="fl lors">
        <p class="userinfo">订单收益（元）</p>
        <p class="usermoney">{$user.order_money}</p>
    </div>
</div>
<div class="mz">
    <p>下级门诊数:  <span style="color: #ff6666">{$user.next_mznum}</span></p>
    <div class="mzcontent">
        <div class="fl lors1">
            <span class="userinfo">门诊分红（元）</span>
            <span class="usermoney">{$user.next_mzmoney}</span>
        </div>
        <div class="fl lors2">
            <span class="userinfo">订单分红（元）</span>
            <span class="usermoney">{$user.next_ordermoney}</span>
        </div>
    </div>
</div>
    <div class="mz">
        <p>二级门诊数: <span style="color: #ff6666"> {$user.second_mznum}</span></p>
        <div class="mzcontent">
            <div class="fl lors1">
                <span class="userinfo">二级门诊分红（元）</span>
                <span class="usermoney" >{$user.second_mzmoney}</span>
            </div>
            <div class="fl lors2">
                <span class="userinfo">二级订单分红（元）</span>
                <span class="usermoney" >{$user.second_ordermoney}</span>
            </div>
        </div>
    </div>
    <div class="exit">
        <div class="exitcontent">
            <a href="{:U('Mobile/User/logout')}"><div class="fl lors1">
                <span class="userinfo">退出</span>
                <img class="status" src="__STATIC__/images/right.png">
            </div></a>

        </div>
    </div>
<!--底部导航-start-->
<div class="foohi">
    <div class="foohi">
        <div class="footer">
            <ul>
                <li>
                    <a href="{:U('Report/help')}">
                        <div class="icon">
                            <img src="__STATIC__/images/report/tips.png" >
                            <p>帮助</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{:U('Report/achieve')}">
                        <div class="icon">
                            <img src="__STATIC__/images/report/achieve.png" >
                            <p>业绩</p>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{:U('Report/index')}">
                        <div class="icon">
                            <img src="__STATIC__/images/report/user-c.png">
                            <p>我的</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
</div>
<script src="__PUBLIC__/js/jqueryUrlGet.js"></script><!--获取get参数插件-->
<script type="text/javascript">
    $(document).ready(function(){
        var cart_cn = getCookie('cn');
        if(cart_cn == ''){
            $.ajax({
                type : "GET",
                url:"/index.php?m=Home&c=Cart&a=header_cart_list",//+tab,
                success: function(data){
                    cart_cn = getCookie('cn');
                    $('#cart_quantity').html(cart_cn);
                }
            });
        }
        $('#cart_quantity').html(cart_cn);
    });

    set_first_leader();//设置推荐人
</script>
<!-- 微信浏览器 调用微信 分享js-->
<include file="public/wx_share"/>
<!-- 微信浏览器 调用微信 分享js  end-->
<!--底部导航-end-->
<script src="__STATIC__/js/style.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            $('#logout').hide();
        }
    });
    function tixian(){
        let url = 'Report/tixian?id={$user["user_id"]}&reamin_money={$user["user_money"]}';
        layer.open({title:  '提现窗口', type: 2, area: ['15rem', '6.827rem'], fix: true, maxmin: false, content: url});
    }
</script>
</body>
</html>
